html {
    -webkit-tap-highlight-color: transparent;
    // touch-action: none;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    color: #444;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji, iconfont;
    font-size: 87.5%;
    scroll-behavior:smooth;
    // background-color: #F1F1F2;
    background-color: @bodyBg;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
}

a:visited {
    color: inherit;
    outline: none;
}

a,img {
    -webkit-user-drag: none;
}

pre,
code {
    background: #F3F3F3;
    font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
    font-size: .92857em;
}

code {
    padding: 2px 4px;
    color: #B94A48;
}

pre {
    padding: 8px;
    overflow: auto;
    max-height: 400px;
}

pre code {
    padding: 3px;
    color: #444;
}

blockquote {
    margin: 1em 0;
    padding-left: 1.5em;
    border-left: 4px solid #eee;
    color: #666;
}

table {
    border: 1px solid #ddd;
    width: 100%;
}

table th,
table td {
    padding: 5px 10px;
    border: 1px solid #eee;
}

table th {
    background: #f3f3f3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
    padding: 5px;
    border: 1px solid #E9E9E9;
    width: 100%;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    resize: vertical;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: @gray-1;
}

::-webkit-scrollbar-thumb {
    background: @gray-10;
}
